<html lang="zh-CN">

<head>
    
    <meta charset="utf-8">
    <title id="title"></title>
    <meta name="viewport" content="width=device-width, initial-scale=1,minimum-scale=1, maximum-scale=1.0, user-scalable=no">
    <!-- Site CSS -->
    <link href="http://cdn.bootcss.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet">
    <link href="http://cdn.bootcss.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
    <link href="http://static.bootcss.com/www/assets/css/site.min.css?v5" rel="stylesheet">
    <style>
    .pagination>li>a, .pagination>li>span {
    
    padding: 6px 9px;
    
}
    .jumbotron
    {
      margin-top: -20px;
      padding-top: 10px;
      padding-bottom:10px;
    }

body { padding-bottom: 100px; }
.table>tbody>tr>td { padding: 6px; border-top: 0}
.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  padding: 10px 16px;
  font-size: 24px;
  line-height: 1.33;
  border-radius: 35px;
}
    </style>
    
  </head>
  <body>

    <div class="navbar navbar-inverse navbar-fixed-top">
      <div class="container">
        <div class="navbar-header" id="navHead" style="padding-top: 3.5%;margin-bottom: -20px;">
        <table class="table">
           <tr><td width="10%"> <span align="left"><a href="javascipt:;" style="padding-left: 5px" align="left" onclick="history.back(-1)"><font color="#FFF"><</font></a></span></td>
           <td align="center" width="70%">
            <span align="center"><font color="#fff" size="4" align="center" id="heading">话题</font></span>
           </td>
           <td align="right" width="20%"><font color="#fff" size="3" align="center" id="baocun">保存</font></td>
          </tr>
          </table>
        </div>
        
      </div>
    </div>

 
<div id="body">
 <div class = "panel panel-defalut">
   <div class="panel-heading" style="padding-top: 25px;background-color: #f5f5f5;" align="left">
        <p>话题名称*</p>
    </div>

    <div id = "default" class="container">
       <input type="text" value="<?php echo $heading; ?>" class="form-control" aria-label="..." placeholder="话题名称" id="topic_name" style="width: 100%">
    </div>

    <div class="panel-heading" style="padding-top: 15px;background-color: #f5f5f5;" align="left">
        <p>话题详情*</p>
    </div>
    <div id = "default" class="container">
       <textarea  class="form-control" aria-label="..." placeholder="话题详情" id="topic_detail" style="width: 100%;height: 50%"><?php echo $intro; ?></textarea>
    </div>
    <div class="panel-heading" style="padding-top: 15px;background-color: #f5f5f5;" align="left">
        <p>话题分类*</p>
    </div>
    <div id = "default" class="container" align="center">
       <button type="button" class="btn btn-default btn-circle btn-xl" id="topic_type"><div style=" margin-left: -5px;
" align="center">学习</div></button>
    </div>
   <div class="panel-heading" style="padding-top: 15px;background-color: #f5f5f5;" align="left">
        <p>话题配图*</p>
    </div>
 </div>
</div>   
  


 

   
    
    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script>
    <script src="http://cdn.bootcss.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
    <script src="http://cdn.bootcss.com/unveil/1.3.0/jquery.unveil.min.js"></script>
    <script src="http://cdn.bootcss.com/scrollup/2.4.0/jquery.scrollUp.min.js"></script>
    <script src="http://cdn.bootcss.com/toc/0.3.2/toc.min.js"></script>
    <script src="http://cdn.bootcss.com/jquery.matchHeight/0.5.2/jquery.matchHeight-min.js"></script>
    <script src="http://static.bootcss.com/www/assets/js/site.min.js"></script>
    <script type="text/javascript">
      $("#baocun").click(function(){
      	history.back(-1);
      });


      
        
    </script>
      


</body></html>